<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;">
		<meta name="format-detection" content="telephone=no">
		<meta name="msapplication-tap-highlight" content="no">
		<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
		<link rel="stylesheet" type="text/css" href="css/index.css">
		<title>JQuery Mobile</title>
	</head>
	<body>
		<div data-role="page" id="main">
			<!--<div data-role="header" data-type="header" data-position="fixed" data-fullscreen="true"> -->
			<div data-role="header" data-type="header" data-position="fixed">
				<h1>用于JQM列表的测试</h1>
			</div>

			<div data-role="content">
				<button id="add">添加</button>
				<button id="clean">清除</button>
				<ul id="myList" data-role="listview" data-inset="true">
				</ul>
			</div>

			<div data-role="footer" data-type="footer" data-position="fixed">
				<h1>yyangcheng@hotmail.com</h1>
			</div>
        </div>

		<div data-role="page" id="two">
			<div data-role="header" data-type="header" data-position="fixed">
				<h1>用于JQM列表的测试</h1>
			</div>

			<div data-role="content">
				<h4 id="dataBuf"></h4>
			</div>

			<div data-role="footer" data-type="footer" data-position="fixed">
				<h1>yyangcheng@hotmail.com</h1>
			</div>
		</div>
	</body>
	<link rel="stylesheet" href="jqm/jquery.mobile-1.4.5.min.css" />
	<script type="text/javascript" src="jqm/jquery-2.2.4.min.js"></script>
	<script type="text/javascript" src="jqm/jquery.mobile-1.4.5.min.js"></script>
	<script type="text/javascript" src="cordova.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
</html>
